<!DOCTYPE >
<html >
<head>
 <meta charset="UTF-8"> 
	<title>商户信息</title>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<link href="http://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
	<link href="http://cdn.bootcss.com/font-awesome/4.4.0/css/font-awesome.css" rel="stylesheet">
	<link href="http://cdn.bootcss.com/iCheck/1.0.1/skins/square/green.css" rel="stylesheet">
	<link href="http://cdn.bootcss.com/jquery-datetimepicker/2.4.5/jquery.datetimepicker.min.css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="css/iconfont.css">
	<link rel="stylesheet" type="text/css" href="css/demo.css">
	<script src="http://cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>
	<script src="http://cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
	<script src="http://cdn.bootcss.com/iCheck/1.0.1/icheck.min.js"></script>
	<script src="http://cdn.bootcss.com/jquery-datetimepicker/2.4.5/jquery.datetimepicker.js"></script>
	<script src="http://cdn.bootcss.com/x-editable/1.5.1/bootstrap3-editable/js/bootstrap-editable.min.js"></script>
</head>
<body>
<!-- 导航条 -->
<nav class="navbar navbar-default navbar-fixed-top">
  <div class="container">
  	<div class="col-xs-4 mac-nav-margin">
  		<div  class="text-center">
  			<a href="webdemo.html">
   			 <img src="img/10.png" width="20px" height="20px;">
   			 </a>
   		 </div>
   		    <div class="mac-top-p text-center">
   		 	基本信息
   		 </div>
    </div>
   <div class="col-xs-4 mac-nav-margin">
  		<div  class="text-center  mac-top-bottom">
   		 <img src="img/11.png" width="20px" height="20px;">
   		 </div>
   		  <div class="mac-top-p text-center">
   		 	经营信息
   		 </div>
    </div>
   <div class="col-xs-4 mac-nav-margin">
  		<div  class="text-center">
   			<a href="fileupload.html"> <img src="img/12.png"width="20px" height="20px;"></a>
   		 </div>
   		  <div class="mac-top-p text-center">
   		 	上传照片
   		 </div>
    </div>
  </div>
</nav>


<div class="row row_margin" >
	<form name="form" id="form">
		<div id="firstPage">
			<div class="col-xs-12">
			<div class="form-group has-success has-feedback">
			  <label class="control-label" for="inputGroupSuccess4">营业地址</label>
			    <input type="text" class="form-control" placeholder="请输入营业地址" name="address" required>
			</div>
		</div>

			<div class="col-xs-12">
			<div class="form-group has-success has-feedback">
			  <label class="control-label" for="inputGroupSuccess4">营业用地性质</label>
			    <select class="form-control">
		       			<optgroup>
		       				<option>自有</option>
		       				<option>租用</option>
		       			</optgroup>
		       	</select>
			  </div>
		
		</div>

		<div class="col-xs-12">
			<div class="form-group has-success has-feedback">
			  <label class="control-label" for="inputGroupSuccess4">营业用地面积</label>
			  <div class="input-group">
			  	<input type="number" placeholder="请输入营业用地面积" class="form-control" min="0" name="area">
			  	   <span class="input-group-addon">平方米</span>
			  	   </div>
			  </div>
		</div>


			<div class="col-xs-12">
			<div class="form-group has-success has-feedback">
			  <label class="control-label" for="inputGroupSuccess4">经营地段</label>
			    <select class="form-control">
		       			<optgroup>
		       				<option>商户区</option>
		       				<option>工业区</option>
		       				<option>住宅区</option>
		       			</optgroup>
		       	</select>
			</div>
		</div>

			<div class="col-xs-12">
			<div class="form-group has-success has-feedback">
			  <label class="control-label" for="inputGroupSuccess4">经营区域</label>
			    <select class="form-control">
		       			<optgroup>
		       				<option>城区</option>
		       				<option>郊区</option>
		       				<option>边远地区</option>
		       			</optgroup>
		       	</select>
			</div>
		</div>

		<div class="col-xs-12">
			<div class="form-group has-success has-feedback">
			  <label class="control-label" for="inputGroupSuccess4">营业时间</label>
			  <div class="input-group">
			  	<input type="text" placeholder="am" class="mac-harf-form col-xs-6" id="am" name="am">
			  	<input type="text" placeholder="pm" class="mac-harf-form col-xs-6" id="pm" name="pm">
			  </div>
			</div>
		</div>

		<div class="col-xs-12">
			<div class="form-group has-success has-feedback">
			  <label class="control-label" for="inputGroupSuccess4">员工人数</label>
			  	<input type="number" placeholder="请输入员工人数" class="form-control" min="0" name="peopleNumber">
			</div>
		</div>
		
		<div class="col-xs-12">
			<div class="form-group has-success has-feedback">
			  <label class="control-label" for="inputGroupSuccess4">手续费标准</label>
			    <select class="form-control">
		       			<optgroup>
		       				<option>1.25%</option>
		       					<option>1.25%,80元封顶</option>
		       					<option>0.78%,26元封顶</option>
		       					<option>0.78%</option>
		       			</optgroup>
		       	</select>
			</div>
		</div>

		<div  style="margin-top:15px;" class="text-center row">
		       <div class="col-xs-12">
		       			<input type="button" class="btn btn-success btn_submit" value="下一步" id="nextStep">
		       	</div>
		</div>
		</div>

		<!--secondPage -->
		<div id="secondPage" style="display:none">
			<div class="col-xs-12">
				<div class="form-group has-success has-feedback">
				  <label class="control-label" for="inputGroupSuccess4">商户交易类型</label>
				    <select class="form-control">
			       			<optgroup>
			       				<option>实体交易</option>
			       				<option>其它</option>
			       			</optgroup>
			       	</select>
				</div>
			</div>

				<div class="col-xs-12">
				<div class="form-group has-success has-feedback">
				  <label class="control-label" for="inputGroupSuccess4">商户付款方式</label>
				    <select class="form-control">
			       			<optgroup>
			       				<option>预付款</option>
			       				<option>钱货两清</option>
			       				<option>分期付款</option>
			       				<option>赊购</option>
			       			</optgroup>
			       	</select>
				</div>
			</div>
			<div class="col-xs-12">
				<div class="form-group has-success has-feedback">
				  <label class="control-label" for="inputGroupSuccess4">希望资金清算方式</label>
				    <select class="form-control">
			       			<optgroup>
			       				<option>实时</option>
			       				<option>T+1</option>
			       				<option>收支两条线</option>
			       				<option>赊购</option>
			       			</optgroup>
			       	</select>
				</div>
			</div>
				<div class="col-xs-12">
				<div class="form-group has-success has-feedback">
				  <label class="control-label" for="inputGroupSuccess4">商户性质</label>
				    <select class="form-control">
			       			<optgroup>
			       				<option>国有</option>
			       				<option>私营</option>
			       				<option>合资两条线</option>
			       				<option>股份制</option>
			       				<option>其它</option>
			       			</optgroup>
			       	</select>
				</div>
			</div>

			<div class="col-xs-12">
			<div class="form-group has-success has-feedback">
			  <label class="control-label" for="inputGroupSuccess4">经营范围</label>
			  <div class="input-group">
			  	<input type="text" placeholder="请输入主业" class="mac-harf-form col-xs-6"required >
			  	<input type="text" placeholder="请输入副业" class="mac-harf-form col-xs-6" required>
			  </div>
			</div>
		</div>

			<div class="col-xs-12">
				<div class="form-group has-success has-feedback">
				  <label class="control-label" for="inputGroupSuccess4">商户分支机构</label>
				    <select class="form-control">
			       			<optgroup>
			       				<option>全国</option>
		       					<option>省内</option>
			       			</optgroup>
			       	</select>
				  </div>
			</div>

			<div class="col-xs-12">
			<div class="form-group has-success has-feedback">
			  <label class="control-label" for="inputGroupSuccess4">前一年营业额</label>
			  <div class="input-group">
			  	<input type="number" placeholder="请输入前一年营业额" class="form-control" min="0" required>
			  	<span class="input-group-addon">万元</span>
			  </div>
			</div>
		</div>

			<div class="col-xs-12">
			<div class="form-group has-success has-feedback">
			  <label class="control-label" for="inputGroupSuccess4">前一年盈利润</label>
			  <div class="input-group">
			  	<input type="number" placeholder="请输入前一年盈利润" class="form-control" min="0" required>
			  	<span class="input-group-addon">万元</span>
			  </div>
			</div>
		</div>

			<div class="col-xs-12">
			<div class="form-group has-success has-feedback">
			  <label class="control-label" for="inputGroupSuccess4">预计月平均银行卡营业额</label>
			  <div class="input-group">
			  	<input type="number" placeholder="请输入月平均银行卡营业额" class="form-control" min="0" required>
			  	<span class="input-group-addon">万元</span>
			  </div>
			</div>
		</div>

		<div class="col-xs-12">
			<div class="form-group has-success has-feedback">
			  <label class="control-label" for="inputGroupSuccess4">预计每张签购单平均交易额</label>
			  <div class="input-group">
			  	<input type="number" placeholder="请输入预计每张签购单平均交易额" class="form-control" min="0" required>
			  	<span class="input-group-addon">万元</span>
			  </div>
			</div>
		</div>
			
			<div  style="margin-top:15px;" class="text-center row">
			<div class="col-xs-6">
		       	<input type="button" class="btn btn-success btn_submit" value="上一步" id="firstStep">
		       	</div>
		       <div class="col-xs-6">
		       	<input type="submit" class="btn btn-success btn_submit" value="提交">
		       	</div>
			</div>
		</div>
	</form>
</div>

<nav class="navbar navbar-default navbar-fixed-bottom">
  <div class="container">
   	<div class="col-xs-4 text-center mac-nav-bottom-margin">
   		<a href="help.html"><img src="img/013.png" width="20px" height="20px;"></a>
		<p class="mac-nav-bottom-p">帮助</p>
   	</div>
   	<div class="col-xs-4 text-center mac-nav-bottom-margin">
   		<img src="img/14.png"  width="20px" height="20px">
   		<p class="mac-top-p">填写资料</p>
   	</div>
   	   	<div class="col-xs-4 text-center mac-nav-bottom-margin">
   		<a href="fileupload.html"><img src="img/015.png"  width="20px" height="20px;"></a>
   		<p class="mac-nav-bottom-p">上传照片</p>
   	</div>
  </div>
</nav>
</body>





<div class="modal fade tipModal">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">系统提示</h4>
      </div>
      <div class="modal-body">
        <p class="tipsContent" style="font-size:15px;"></p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
        <button type="button" class="btn btn-primary" data-dismiss="modal">确定</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<script>
$('#openTime').datetimepicker({
      lang:"ch",           //语言选择中文
      format:'Y-m-d',
      value:'2015/04/15 05:03',
      timepicker:false
});
$('#am').datetimepicker({
      lang:"ch",           //语言选择中文
      datepicker:false,
	  format:'H:i'
      
});
$('#pm').datetimepicker({
      lang:"ch",           //语言选择中文
      datepicker:false,
	  format:'H:i'
});

$(document).ready(function(){
  $('input').iCheck({
    checkboxClass: 'icheckbox_square-green',
    radioClass: 'iradio_square-green',
    increaseArea: '20%' // optional
  });
});

$("#nextStep").click(function(){
	var am = $("input[name='am']");
	var pm = $("input[name='pm']");
	var peopleNumber = $("input[name='peopleNumber']");
	var area = $("input[name='area']");
	var address =$("input[name='address']");
	console.log(address.val())
	if(address.val() == ""){
		console.log("ss")
		$(".tipModal").modal();
		$(".tipsContent").html("请输入营业地址");
		return;
	}
	if(area.val() ==""){
		$(".tipModal").modal();
		$(".tipsContent").html("请输入营业用地面积");
		return;
	}
		if(am.val() == ""){
		$(".tipModal").modal();
		$(".tipsContent").html("请选择营业时间");
		return;
	}
	if(pm.val() == ""){
		$(".tipModal").modal();
		$(".tipsContent").html("请选择营业时间");
		return;
	}
	if(peopleNumber.val() == ""){
		$(".tipModal").modal();
		$(".tipsContent").html("请输入员工人数");
		return;
	}
	$("#firstPage").css("display","none");
	$("#secondPage").css("display","block");
	
});
$("#firstStep").click(function(){
	$("#secondPage").css("display","none");
	$("#firstPage").css("display","block");
});
</script>
</html>